<style>
</style>

<template>
    <div>
        <flexbox style="margin-top:10px;">
            <flexbox-item class="vux-1px-r" style="height:80px; widrh:100px; text-align: center; "  v-for="menu1 in menu1List">
                <a v-link="{ name: 'Detail', query: { id: menu1.id }}" >
                    <img style="width:50px;height:50px" :src="menu1.src">
                    <p style=" font-size:12px; color:#000"> {{menu1.text}} </p>
                </a>
            </flexbox-item>
        </flexbox>
        <flexbox style="margin-top:10px;">
            <flexbox-item class="vux-1px-r" style="height:80px; widrh:100px; text-align: center; "  v-for="menu2 in menu2List">
                <a v-link="{ name: 'Detail', query: { id: menu2.id }}">
                    <img style="width:50px;height:50px" :src="menu2.src">
                    <p style="text-align: center; font-size:12px; color:#000"> {{menu2.text}} </p>
                </a>
            </flexbox-item>
        </flexbox>
    </div>
</template>

<script>
    import Flexbox from 'vux/dist/components/flexbox'
    import FlexboxItem from 'vux/dist/components/flexbox-item'
    

    export default{
        components: {
            Flexbox,
            FlexboxItem
        },
        data: function() {
            return {
                menu1List: [
                    { id: 1, name: "food", src: "src/img/food.png", text: "美食" },
                    { id: 2, name: "move", src: "src/img/move.png", text: "电影" },
                    { id: 3, name: "hotel", src: "src/img/hotel.png", text: "酒店" },
                    { id: 4, name: "ktv", src: "src/img/ktv.png", text: "KTV" }
                ],
                menu2List: [
                    { id: 5, name: "newmenu", src: "src/img/newmenu.png", text: "今日新单" },
                    { id: 6, name: "zhoubian", src: "src/img/zhoubian.png", text: "周边游" },
                    { id: 5, name: "rest", src: "src/img/rest.png", text: "预定餐厅" },
                    { id: 8, name: "4G", src: "src/img/4G.png", text: "充值缴费" }
                ]
            }
        },
        ready: function(){
            
        },
        methods: {
            
        }
    }
</script>